<template>
  <div class="usual2">
    <el-card class="cardOut2">
      <!--      <div slot="header">-->
      <!--        <div class="headerTitleClass">工资列表</div>-->
      <!--      </div>-->
      <el-form :inline="true" :model="queryBaoxiao" class="demo-form-inline">
      <el-form-item label="申请金额">
        <el-input v-model="queryBaoxiao.baoxiao" placeholder="请输入申请金额"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">申请</el-button>
      </el-form-item>
      </el-form>
      <div>
<!--        <el-table-->
<!--            :data="tableData"-->
<!--            border-->
<!--            style="width: 100%">-->
<!--          <el-table-column-->
<!--              prop="position"-->
<!--              label="职位"-->
<!--              width="180">-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--              prop="basicsalary"-->
<!--              label="基本薪资">-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--              prop="jiangjin"-->
<!--              label="奖金">-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--              prop="baoxiao"-->
<!--              label="报销">-->
<!--          </el-table-column>-->
<!--        </el-table>-->
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "usual2",
  data(){
    /* 定义初始化变量 */
    return{
      user:{},
      queryBaoxiao:{
        baoxiao:''
      }

    }
  },
  /* 定义事件函数 */
  methods:{
    onSubmit(){
      this.$axios.put('/admin/setBaoXiao/'+this.queryBaoxiao.baoxiao+'/'+this.user.id).then(res=>{
        // this.videoList = res.data.data.rows
        // this.total = res.data.data.total
        this.$message.success("申请成功")
       // window.alert("提交成功")

     //   console.log("提交成功")
      })
    }
  },
  /* vue的生命周期函数
     当页面加载完毕就会执行created里面的函数
  */
  created() {
    //获取本地存储的用户，因为已经登录所以可以获取到
    let user = JSON.parse(sessionStorage.getItem('user') || '{}')
    if(user != null){
      this.user = user
    }
  }
}
</script>

<!-- scoped此属性可以防止当前页面的样式不会影响其他页面样式 -->
<style scoped>
/*@import url("Usual2.css");*/
</style>